﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>校园e网通-图书信息</title>
<script src="assets/js/jquery-1.10.2.js"></script>
<!-- Bootstrap Styles-->
<script src="assets/js/bootstrap.min.js"></script>
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<!-- FontAwesome Styles-->
<link href="assets/css/font-awesome.css" rel="stylesheet" />
<!-- Morris Chart Styles-->
<link href="assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
<!-- Custom Styles-->
<link href="assets/css/custom-styles.css" rel="stylesheet" />
<!-- Google Fonts-->
<link href='https://fonts.googleapis.com/css?family=Open+Sans'
	rel='stylesheet' type='text/css' />
<link rel="stylesheet"
	href="assets/js/Lightweight-Chart/cssCharts.css">
<!-- 地区-->
<link rel="stylesheet" type="text/css"
	href="assets/css/cityPicker.css">
<script type="text/javascript" src="assets/js/cityData.js"></script>
<script type="text/javascript" src="assets/js/cityPicker.js"></script>
<!-- 时间-->
<link rel="stylesheet" type="text/css" media="all"
	href="assets/css/daterangepicker.css" />
<script type="text/javascript" src="assets/js/moment.js"></script>
<script type="text/javascript" src="assets/js/daterangepicker.js"></script>
<style type="text/css">
    #msg{
    height: 4rem;
    text-align: center;
    position: fixed;
    top: 20%;
    margin-top: -1rem;
    line-height: 4rem;
    width: 100%;
    }
    #msg span{
    color: #fff;
    background: rgba(0,0,0,0.6);
    height: 4rem;
    display: inline-block;
    padding: 0 3rem;
    border-radius: 5px;
    }
    </style>
    
<script type="text/javascript">
        $(function() {
        	
        	function alert(e){
                $("body").append("<div id='msg'><span>"+e+"</span></div>");
                clearmsg();
            }
            function clearmsg(){
                var t = setTimeout(function(){
                    $("#msg").remove();
                },2000)
            };
        	var currentPageno =1 ;
getName();
        	
        	getMenu();
        	getPage(currentPageno);
        			 $("#a1").click(function(){
        	                if(currentPageno<=1){           
        	             	   getPage(1);
        	                }else{
        	             
        	      		     getPage(--currentPageno);
        	      		   }
        	      		});
        	      	    $('#a2').bind("click", function(){
        	      	    	
        	      	    	var total =$('#totalpage').html();
        	      	    	
        	      	    	if (currentPageno>=total) {
        	      	    		 getPage(currentPageno);
							}else{
	        	      		      getPage(++currentPageno);

							}
        	      		   });
        		
        	
            <!-- 日期选择器配置-->
            $('input[name="birthdate"]').daterangepicker({
                autoUpdateInput:true,
                singleDatePicker: true,
                showDropdowns: true,
                timePicker:true,
                "locale": {
                    "format": "MM/DD/YYYY h:mm A",
                    "daysOfWeek": [
                        "日",
                        "一",
                        "二",
                        "三",
                        "四",
                        "五",
                        "六"
                    ],
                    "monthNames": [
                        "一月",
                        "二月",
                        "三月",
                        "四月",
                        "五月",
                        "六月",
                        "七月",
                        "八月",
                        "九月",
                        "十月",
                        "十一月",
                        "十二月"
                    ],
                    "applyLabel": "确定",
                    "cancelLabel": "取消"
                }
            });
            $('input[name="daterange"]').daterangepicker({
                alwaysShowCalendar:true,
                "locale": {
                    "format": "MM/DD/YYYY",
                    "daysOfWeek": [
                        "日",
                        "一",
                        "二",
                        "三",
                        "四",
                        "五",
                        "六"
                    ],
                    "monthNames": [
                        "一月",
                        "二月",
                        "三月",
                        "四月",
                        "五月",
                        "六月",
                        "七月",
                        "八月",
                        "九月",
                        "十月",
                        "十一月",
                        "十二月"
                    ],
                    "applyLabel": "确定",
                    "cancelLabel": "取消"
                }
            });
            <!-- 保存按钮点击事件-->
            $("button[name='save']").click(function(){
            	var money=$("#upmoney").val();
                $.ajax({
                    type:'get',
                    url:"saveStudent.action",
                    data:{
                    	sid:$("#upsid").val(),
                    	sname:$("#upsname").val(),
                    	bankcode:$("#upbankcode").val(),
                    	money:money,
                    	loss:0,
                    	lock:0
                    },
                    dataType:'text',
                    contentType:"application/json;charset=utf-8",
                    success:function(data){
                        if(data=="success"||data=="insert succeed"){
                        	
                            window.location.reload();
                        }else{
                        	
                        }
                     }
                })
            });
            
            
            $("button[name='newuser']").click(function(){
            	
                $.ajax({
                    type:'get',
                    url:"newStudent.action",
                    data:{
                    	sid:$("#nsid").val(),
                    	sname:$("#nsname").val(),
                    	spsd:$("#nspsd").val(),
                    	
                    	loss:0,
                    	lock:0
                    },
                    dataType:'text',
                    contentType:"application/json;charset=utf-8",
                    success:function(data){
                        if(data=="success"||data=="insert succeed"){
                        	
                            window.location.reload();
                        }else{
                        	
                        }
                     }
                })
            });
            
 				$("button[name='givethemmonsy']").click(function(){
 					console.log($("#givemoney").val());
 					$.ajax({
 	            		type:'get',
 	            		url:'buzhu.action',
 	            		data:{
 	            			money:$("#givemoney").val()
 	            		},
 	            		success:function(data){
 	            			
 	            			var time=3;
 							$("#buzhuinfo").html("补助已发放,"+time+"秒后刷新页面");
 							setInterval(function(){
 				                time=time-1;
 				                $("#buzhuinfo").html("补助已发放,"+time+"秒后刷新页面");
 				            	if (time==0) {
 				            		location.reload();
 								}
 							},1000);
 							}
 	                 		
 	            	});
            });
        });
function getName(){
        	
        	$.ajax({
        		url:'getname.action',
        		type: "post",
        		async: false,
        		dataType: 'json',
                success: function (data) {
                	
                	$("#PICname").val(data.sid);
                	
                	$("#userName").html(data.sname);
                	
                	
                }
        		
        	})
        }
        function getMenu(){
        
        	  $.ajax({
        		type:"get",
        		url:"/ENetcom/menu/getMenuTreeByRole.action",
        		data:{
        			user:$("#PICname").val()
        		},
        		async: false,
        		contentType:"application/json;charset=utf-8",
        		dataType:'json',
        		
        		
        		success:function(data){
        	       var str = '' ;
        	       
        	       str += '<nav class="navbar-default navbar-side" role="navigation"><div class="sidebar-collapse">';
        	       str += '<ul class="nav" id="main-menu"><li id="addMenu">';
        	       str += '<a href="index.html"><i class="fa fa-home"></i> 首页</a></li>';
        	       
        	       
        			$.each(data,function(index,menuTree){
        				str += '<li><a href="#"><i class="fa fa-sitemap"></i>'+menuTree.text+'<span class="fa arrow"></span></a>' ;
        				str += '<ul class="nav nav-second-level">';
        				$.each(menuTree.children,function(index,menu){
            				str += '<li><a href="'+menu.url+'">'+menu.text+'</a></li>' ;
            			})
            			str += '</ul></li>';
        			})
        			
        	
        			
        			str += '<li><a href="analysis.html"><i class="fa fa-bar-chart-o"></i> 统计分析</a>';
        			str += '</li></ul></div></nav>';
        			
        			$('#addMenu').html(str);

        		
        			
        		}
        	});
        }
        function byebye(){
    		$.ajax({
    			url:'byebye.action',
    			type:'post',
    			success:function(data){
    				location.reload();
    			}
    		})
    	}
        function getPage(currentPageno) {
            var i = 1;
            var pageno = $("#pageno").val(i);

            $.ajax({
                url: "getBookPage.action",
                type: "post",
                data: {
                    pageno: currentPageno,
                    pagesize: 4
                },
                dataType: 'json',

                success: function (data) {
                    var str = '';
                    $.each(data.data, function (index, student) {

                        str += '<tr>';
                        str += '<td><label><input type="checkbox" name="test" value='+student.bid+'></label></td>';
                        str += '<td><a href="student-details.html">' + student.bid + '</a></td>';
                        str += '<td><a href="customer-details.html">' +  student.bname + '</a></td>';
                        str += '<td>' + student.no+'</td>';
                        str += '<td>' + student.author+'</td>';
                        str += '<td>' + student.press+'</td>';
                        str += '<td>' + student.count+'本</td>';
                        str += '</tr>';

                    })
                    $("#contractbody").html(str);

                    $('#pageno').html(data.currentPageno);
                    $('#totalpage').html(data.totalPage);
                    $('#totalNum').html(data.totalNum);
                }
            })
        }
/* 	 
	//提交流程
    function start(){ 
    	var obj=document.getElementsByName('test'); //选择所有name="'test'"的对象，返回数组 
    	//取到对象数组后，我们来循环检测它是不是被选中 
    	var s=''; 
    	for(var i=0; i<obj.length; i++){ 
    	if(obj[i].checked) 
    	s+=obj[i].value; //如果选中，将value添加到变量s中 
    	} 
    	//那么现在来检测s的值就知道选中的复选框的值了 
    	
    	$.ajax({
    		  url:'startProcess.action',
    		  type:'post',
				data:{
					leaveId:s
				},
				
      		dataType:'text',
      		success:function(data){        			
      			
                window.location.reload();
      		} 				
      	}); 
    	}  */
    function getUser(){ 
    		function alert(e){
                $("body").append("<div id='msg'><span>"+e+"</span></div>");
                clearmsg();
            }
            function clearmsg(){
                var t = setTimeout(function(){
                    $("#msg").remove();
                },2000)
            };
    	var obj=document.getElementsByName('test'); //选择所有name="'test'"的对象，返回数组 
    	//取到对象数组后，我们来循环检测它是不是被选中 
    	
    	var s=''; 
    	var a=0;
    	for(var i=0; i<obj.length; i++){ 
    	if(obj[i].checked) {
    	 s+=obj[i].value;
    	//如果选中，将value添加到变量s中 
    	a++;
    	} 
    	}
        if(a<=0){
            alert("请选择一条记录进行修改");
            $("#xiugai").attr("data-target","#");
        }
        else if(a>=2){
        	alert("请选择一条记录进行修改");
        	$("#xiugai").attr("data-target","#");
        }else {
        	$("#xiugai").attr("data-target","#updateClue");
        	$.ajax({
          		type:'get',
          		url:'getUser.action',
          	    data:{
          	    	 s:s,
          	    },
          		contentType:"application/json;charset=utf-8",
          		dataType:'json',
          		success:function(data){
          			
          			$("#upsid").attr("placeholder",data.sid);
          			$("#upsid").val(data.sid);
              	    $("#upsname").attr("placeholder",data.sname);
              	    $("#upsname").val(data.sname);
              	    $("#upbankcode").attr("placeholder",data.bankcode);
              	    $("#upbankcode").val(data.bankcode);
              	    $("#upmoney").attr("placeholder",data.money);
              	  	$("#upmoney").val(data.money);
              	     lossE=document.getElementsByName('loss'); //选择所有name="'loss'"的对象，返回数组 
              	    //取到对象数组后，我们来循环
              		for(var i=0; i<lossE.length; i++){ 
              			if(lossE[i].value==data.loss) {
              				lossE[i].checked=true;
              			}else{
              				lossE[i].removeAttribute("checked");
              			}
              		}
              		 var lockE=document.getElementsByName('lock'); //选择所有name="'loss'"的对象，返回数组 
               		for(var i=0; i<lockE.length; i++){ 
               			if(lockE[i].value==data.lock) {
               				lockE[i].checked=true;
               			} else{
               				lockE[i].removeAttribute("checked");
               			}
               		}
          		}
          	});
        	} 
    }
    	function deleteUser(){ 
    		function alert(e){
                $("body").append("<div id='msg'><span>"+e+"</span></div>");
                clearmsg();
            }
            function clearmsg(){
                var t = setTimeout(function(){
                    $("#msg").remove();
                },2000)
            };
    	var obj=document.getElementsByName('test'); //选择所有name="'test'"的对象，返回数组 
    	//取到对象数组后，我们来循环检测它是不是被选中 
    	
    	var s=''; 
    	var a=0;
    	for(var i=0; i<obj.length; i++){ 
    	if(obj[i].checked) {
    	 s+=obj[i].value;
    	//如果选中，将value添加到变量s中 
    	a++;
    	} 
    	}
        if(a<=0){
            alert("请选择一条记录进行删除");
        }
        else if(a>=2){
        	alert("请选择一条记录进行删除");
        }else {
        	$.ajax({
          		
          		url:'daleteUser.action',
          		type:'get',
          	    data:{
          	    	 s:s
          	    },
          		success:function(data){
          			if (data=="success") {
          				location.reload();
					}else{
						alert("删除书籍错误");
					}
          			
          		}
          	});
        	} 
    }
    	
    	  function getbuzhu(){ 
      		function alert(e){
                  $("body").append("<div id='msg'><span>"+e+"</span></div>");
                  clearmsg();
              }
              function clearmsg(){
                  var t = setTimeout(function(){
                      $("#msg").remove();
                  },2000)
              };
          	$("#buzhu").attr("data-target","#buzhuClue");
          	
          	} 
      
            </script>

</head>

<body>
	<div id="wrapper">
		<nav class="navbar navbar-default top-navbar" role="navigation">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".sidebar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html"><strong>校园e网通</strong></a>

				<div id="sideNav" href="">
					<i class="fa fa-caret-right"></i>
				</div>
			</div>

			<ul class="nav navbar-top-links navbar-right">

				<!-- /.dropdown -->
				<li class="dropdown"><a class="dropdown-toggle"
					data-toggle="dropdown" href="#" aria-expanded="false"> <i
						class="fa fa-bell fa-fw"></i> 通知&nbsp;<i class="fa fa-caret-down"></i>
				</a>
					<ul class="dropdown-menu dropdown-alerts">
						<li><a class="text-center" href="#">
								<div>
									<i class="fa fa-tasks fa-fw"></i> 共有4条新消息

								</div>
						</a></li>
						<li class="divider"></li>
						<li><a href="#">
								<div>
									<i class="fa fa-comment fa-fw"></i> 新消息 <span
										class="pull-right text-muted small">5 min 前</span>
								</div>
						</a></li>
						<li class="divider"></li>
						<li><a href="#">
								<div>
									<i class="fa fa-comment fa-fw"></i> 新消息 <span
										class="pull-right text-muted small">6 min 前</span>
								</div>
						</a></li>
						<li class="divider"></li>
						<li><a href="#">
								<div>
									<i class="fa fa-comment fa-fw"></i> 新消息 <span
										class="pull-right text-muted small">7 min 前</span>
								</div>
						</a></li>
						<li class="divider"></li>
						<li><a href="#">
								<div>
									<i class="fa fa-comment fa-fw"></i> 新消息 <span
										class="pull-right text-muted small">8 min 前</span>
								</div>
						</a></li>
						<li class="divider"></li>
						<li><a class="text-center" href="#"> <strong>查看所有消息</strong>
								<i class="fa fa-angle-right"></i>
						</a></li>
					</ul> <!-- /.dropdown-alerts --></li>
				<!-- /.dropdown -->
				<li class="dropdown"><a class="dropdown-toggle"
					data-toggle="dropdown" href="#" aria-expanded="false"> <i
						class="fa fa-user fa-fw"></i> <input type="hidden" id="PICname"  readonly/>
                        <span id="userName"></span> <i class="fa fa-caret-down"></i>
				</a>
					<ul class="dropdown-menu dropdown-user">
						<li><a href="#" data-toggle="modal"
							data-target="#information"><i class="fa fa-user fa-fw"></i>
								个人信息</a></li>
						<li class="divider"></li>
						<li><a href="#"><i class="fa fa-gear fa-fw"></i> 个性化首页</a></li>
						<li class="divider"></li>
						<li><a href="#" data-toggle="modal" data-target="#out"><i
								class="fa fa-sign-out fa-fw"></i> 安全退出</a></li>
					</ul> <!-- /.dropdown-user --></li>
				<!-- /.dropdown -->
			</ul>
		</nav>
		<!--个人信息-->
		<div class="modal fade" id="information" tabindex="-1" role="dialog"
			aria-labelledby="informationLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="informationLabel">编辑信息</h4>
					</div>
					<div class="modal-body text-center">

						<form class="bs-example bs-example-form" role="form">
							<div class="input-group">
								<span class="input-group-addon">姓名：</span> <input type="text"
									class="form-control" placeholder="张三">
							</div>
							<br>
							<div class="input-group">
								<span class="input-group-addon">邮箱：</span> <input type="text"
									class="form-control" placeholder="123456879@qq.com">
							</div>
							<br>
							<div class="input-group">
								<span class="input-group-addon">部门：</span> <input type="text"
									class="form-control" placeholder="销售部门" disabled="disabled">
							</div>
							<br>
							<div class="input-group">
								<span class="input-group-addon">职务：</span> <input type="text"
									class="form-control" placeholder="部门经理">
							</div>
							<br>
							<div class="input-group">
								<span class="input-group-addon">性别：</span> <input type="radio"
									class="" value="0" name="sex">男
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input
									type="radio" class="" value="1" name="sex">女
							</div>
							<br>
							<div class="input-group">
								<span class="input-group-addon">头像：</span> <input type="file"
									class="form-control">
							</div>
						</form>

					</div>
					<div class="modal-footer">

						<button type="button" class="btn btn-primary" name="save">
							保存</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>
		<!--新增书籍-->
		<div class="modal fade" id="addClue" tabindex="-1" role="dialog"
			aria-labelledby="informationLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="addClueLabel">新增书籍</h4>
					</div>
					<div class="modal-body text-center pre-scrollable">

						<form  method="post" enctype="multipart/form-data">
                           
	                       <div class="input-group">
                                <span class="input-group-addon">姓名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <input type="text" class="form-control"  id="nsname"  name="xname"/>
                            </div>
                            <br>
                             <div class="input-group">
                                <span class="input-group-addon">学号：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <input type="text" class="form-control"  id="nsid"  name="sid"/>
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">密码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <input type="text" class="form-control"  id="nspsd"  name="spsd"/>
                              
                            </div>
                           
                            <br>
                             <div class="input-group">
                                <span class="input-group-addon">是否挂失：</span>
                                <input type="radio" class="" value="0" name="loss">正常
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <input type="radio" class="" value="1" name="loss">已挂失
                            </div>
                            <br>
                             <div class="input-group">
                                <span class="input-group-addon">是否锁定：</span>
                                <input type="radio" class="" value="0" name="lock">正常
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <input type="radio" class="" value="1" name="lock">锁住
                            </div>
                            <br>
                           
         </form>	

					</div>
					<div class="modal-footer">

						<button type="button" class="btn btn-primary" name="newuser">
							保存</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>
		<!--修改书籍-->
		<div class="modal fade" id="updateClue" tabindex="-1" role="dialog"
			aria-labelledby="informationLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="addClueLabel">书籍信息</h4>
					</div>
					<div class="modal-body text-center pre-scrollable">

						<form  method="post" enctype="multipart/form-data">
                           <input type="hidden"  class="form-control"  id="upsid"  name="upsid" readonly/>
                           
	                       <div class="input-group">
                                <span class="input-group-addon">姓名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <input type="text" class="form-control"  id="upsname"  name="upsname"/>
                              
                            </div>
                           
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">关联卡号：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <input type="text" class="form-control"  id="upbankcode"  name="upbankcode">
                            </div>
                            <br>
                            <div class="input-group">
                                <span class="input-group-addon">账户余额：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <input type="text" class="form-control"  id="upmoney"  name="upmonsy">
                            </div>
                            <br>
                           
                             <div class="input-group">
                                <span class="input-group-addon">是否挂失：</span>
                                <input type="radio"  value="0" name="loss">正常
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <input type="radio"  value="1" name="loss">已挂失
                            </div>
                            <br>
                             <div class="input-group">
                                <span class="input-group-addon">是否锁定：</span>
                                <input type="radio"  value="0" name="lock">正常
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <input type="radio"  value="1" name="lock">锁住
                            </div>
                            <br>
         </form>	

					</div>
					<div class="modal-footer">

						<button type="button" class="btn btn-primary" name="save">
							保存</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>
		<!--发放补助-->
		<div class="modal fade" id="buzhuClue" tabindex="-1" role="dialog"
			aria-labelledby="informationLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="addClueLabel">发放补助</h4>
					</div>
					<div class="modal-body text-center pre-scrollable">

						<form  method="post" enctype="multipart/form-data">
                            <div class="input-group">
                                <span class="input-group-addon">发放补助金额：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <input type="text" class="form-control"  id="givemoney"  name="givemonsy">
                            </div>
                            <br>
         				</form>	

					</div>
					<div class="modal-footer">
						<span id="buzhuinfo"></span>
						<button type="button" class="btn btn-primary" name="givethemmonsy">
							保存</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>
		
		<!--安全退出-->
		<div class="modal fade" id="out" tabindex="-1" role="dialog"
			aria-labelledby="outLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="outLabel">确定要退出吗？</h4>
					</div>
					<div class="modal-body">&nbsp;</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭
						</button>
						<button type="button" class="btn btn-primary" onclick="byebye()">安全退出</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>
		<!--/. NAV TOP  -->
		<div id="addMenu"></div>
		<!-- /. NAV SIDE  -->

		<div id="page-wrapper">
			<div class="header">
				<h1 class="page-header">
					卡务管理 <small>all</small>
				</h1>
				<ol class="breadcrumb">
					<li><a href="index.html">校园e网通</a></li>
					<li><a href="#">书籍信息</a></li>
					<li class="active">info</li>
				</ol>

			</div>
			<div>
				<button type="button" class="btn btn-default" data-toggle="modal"
					data-target="#addClue" style="float: right; margin-right: 40px">
					<i class="fa fa-folder fa-fw"></i>新建书籍
				</button>
			</div>
			<div id="page-inner">

				<!-- /. ROW  -->

				<ul id="myTab" class="nav nav-tabs">
					<li class="active"><a href="#allClue" data-toggle="tab">全部书籍 </a></li>
					</ul>
				<div id="myTabContent" class="tab-content breadcrumb">
					<br>
					<!--全部书籍-->
					<div class="tab-pane fade in active text-left" id="allClue">
					
					</div>
			
				<!-- /. ROW  -->
				<!--数据（从数据库中读取）-->
				<form action="">
					<table class="table table-striped">
						<caption>
								<button type="button" class="btn btn-default" id="shanchu"
									data-toggle="modal" style="float: left" onclick="deleteUser()">
									<i class="fa fa-share fa-fw"></i> &nbsp;&nbsp;删除&nbsp;&nbsp;
								</button>

								<button type="button" class="btn btn-default" id="xiugai"
									data-toggle="modal"  style="float: left" onclick="getUser()">
									<i class="fa fa-pencil fa-fw"></i> &nbsp;&nbsp;修改&nbsp;&nbsp;
								</button>
								
						
							
						</caption>
						<thead>
							<tr>
								<th>选择</th>
								<th>书籍id</th>
								<th>书名</th>
								<th>索引号</th>
								<th>作者</th>
								<th>出版社</th>
								<th>馆藏数量</th>
							</tr>
						</thead>
						<tbody id="contractbody">
						</tbody>
					</table>
				</form>
				<ul class="pager">
					
					<li>共有<span id="totalNum"></span>条数据&nbsp;&nbsp;&nbsp;&nbsp;
						当前第<span id="pageno"></span>页，共<span id="totalpage"> </span>页
					</li>
					<li class="previous"><a id="a1">&larr;上一页</a></li>
					<li class="next"><a id="a2">下一页 &rarr;</a></li>
				</ul>
				<footer>
					<br /> <br /> <br />

					<p style="text-align: center">Copyright &copy; 2018.资鹏毕业设计
						All rights reserved.</p>


				</footer>
			</div>
			<!-- /. PAGE INNER  -->
		</div>
		<!-- /. PAGE WRAPPER  -->
	</div>
	<!-- /. WRAPPER  -->
	<!-- JS Scripts-->

	<!-- Metis Menu Js -->
	<script src="assets/js/jquery.metisMenu.js"></script>
	<!-- Morris Chart Js -->
	<script src="assets/js/morris/raphael-2.1.0.min.js"></script>
	<script src="assets/js/morris/morris.js"></script>


	<script src="assets/js/easypiechart.js"></script>
	<script src="assets/js/easypiechart-data.js"></script>

	<script src="assets/js/Lightweight-Chart/jquery.chart.js"></script>

	<!-- Custom Js -->
	<script src="assets/js/custom-scripts.js"></script>




	<script>
        var cityPicker = new IIInsomniaCityPicker({
            data: cityData,
            target: '#cityChoice',
            valType: 'k-v',
            hideCityInput: '#city',
            hideProvinceInput: '#province',
            callback: function(city_id){
                $('#cityChoice').html(city_id);
            }
        });

        cityPicker.init();
    </script>
	<script>
        var cityPicker = new IIInsomniaCityPicker({
            data: cityData,
            target: '#cityChoice2',
            valType: 'k-v',
            hideCityInput: '#city2',
            hideProvinceInput: '#province2',
            callback: function(city_id){
                $('#cityChoice2').html(city_id);
            }
        });

        cityPicker.init();
    </script>

	<script>
        var cityPicker = new IIInsomniaCityPicker({
            data: cityData,
            target: '#cityChoice3',
            valType: 'k-v',
            hideCityInput: '#city3',
            hideProvinceInput: '#province3',
            callback: function(city_id){
                $('#cityChoice3').html(city_id);
            }
        });

        cityPicker.init();
    </script>


</body>

</html>